<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:body>
	<ui:composition template="/secured/workarea.xhtml">
		<ui:define name="espacio_trabajo">
			<h:form id="form" styleClass="login">
			<table>
					<tr>
						<td align="left">
							<div class="breadcrumb flat" style="text-align: left">
								<h:commandLink action="#{menuBean.regresaInicio}" value="Inicio" />
								<h:outputLink value="#" styleClass="active">#{msg.reporteCurso}</h:outputLink>
							</div>
						</td>
					</tr>
				</table>
				<p:growl id="growl" showDetail="true" />
				<p:panel>
					<h:outputText
						value="Reporte por curso. Se deben permitir las ventanas emergentes de este sitio para visualizar los reportes."
						style="text-align:left;" />
				</p:panel>
				<p:panel id="panel" header="Reporte de Cursos" closable="false">
					<h:panelGrid columns="2">
						<p:outputLabel>Instructures</p:outputLabel>
						<p:selectOneMenu id="selectInstructorId"
							value="#{beanReporteCursos.instructorSelected}"
							style="width:250px">
							<f:selectItem itemLabel="SELECCIONA INSTRUCTOR" itemValue="0"
								noSelectionOption="true" />
							<f:selectItems value="#{beanReporteCursos.listaSelectInstructor}" />
						</p:selectOneMenu>
						<p:outputLabel>Sede</p:outputLabel>
						<p:selectOneMenu id="selectSede"
							value="#{beanReporteCursos.sedeSelected}" style="width: 250px;">
							<f:selectItem itemLabel="SELECCIONA SEDE" itemValue=""
								noSelectionOption="true" />
							<f:selectItems value="#{beanReporteCursos.listaSelectSede}" />
						</p:selectOneMenu>
						<p:outputLabel>Área</p:outputLabel>
						<p:selectOneMenu id="selectArea"
							value="#{beanReporteCursos.areaSelected}" style="width: 250px;">
							<f:selectItem itemLabel="SELECCIONA AREA" itemValue=""
								noSelectionOption="true" />
							<f:selectItems value="#{beanReporteCursos.listaSelectArea}" />
						</p:selectOneMenu>
					</h:panelGrid>
					<h:panelGrid columns="3">
						<p:outputLabel>Periodo</p:outputLabel>
						<p:calendar id="periodoIni" value="#{beanReporteCursos.fechaIni}" pattern="dd/MM/yyyy" >
						</p:calendar>

						<p:calendar id="periodoFin" value="#{beanReporteCursos.fechaFin}" pattern="dd/MM/yyyy">
						</p:calendar>
					</h:panelGrid>
					<h:panelGroup>
						<p:commandButton value="Buscar" update="@all"
							icon="ui-icon-search"
							actionListener="#{beanReporteCursos.mostrarReporte}"
							styleClass="ui-priority-primary" />
						<p:commandButton value="Previsualizar"
						actionListener="#{beanReporteCursos.previsualizarReporte}"
						update="@all" process="@all" />
					</h:panelGroup>
				</p:panel>
				<p:spacer />
				<p:panel header="Visualizador"
					rendered="#{beanReporteCursos.mostrarPanelReporte}"
					id="panelReporte">
					<p:media value="#{beanReporteCursos.pdfPath}" width="100%"
						height="500px">
					</p:media>
				</p:panel>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>
